function showNumberWithAnimation(i, j, randNumber) {

	// 获取目标位置的number-cell元素
	var numberCell = $('#number-cell-' + i + "-" + j);

	// 设置随机的2或4的样式，并在number-cell标签上添加属性值为该文本 value=randNumber
	numberCell.css('background-color', getNumberBackgroundColor(randNumber));
	numberCell.css('color', getNumberColor(randNumber));
	numberCell.text(randNumber);

	// 执行css属性集中的自定义动画
	// 元素属性从a样式变为b样式，该过程是渐变的。表现为动画效果
	// style，speed
	// 单位为毫秒
	numberCell.animate({
		width : "100px",
		height : "100px",
		top : getPosTop(i, j),
		left : getPosLeft(i, j)
	}, 50);
}

// 移动的动画效果
// 从原位置移动到目标位置
function showMoveAnimation(fromX, fromY, toX, toY) {
	var numberCell = $('#number-cell-' + fromX + '-' + fromY);
	numberCell.animate({
		top : getPosTop(toX, toY),
		left : getPosLeft(toX, toY)
	}, 200);

}

// 获取页面中的score属性更新分数
function updateScore(score) {
	$('#score').text(score);
}
